<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link href="../static/css/smartsite/css/bootstrap.min.css" th:href="@{/css/smartsite/css/bootstrap.min.css}" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/smartsite/css/reset.css" th:href="@{/css/smartsite/css/reset.css}">
    <link rel="stylesheet" href="../static/css/smartsite/css/all.css" th:href="@{/css/smartsite/css/all.css}">
</head>

<body>
    <!-- 实名制 -->
    <div class="row rowmain labor">
        <div class="col-md-3 left">
            <div class="box box1">
                <p class="box-title">安装实名制项目</p>
                <div style="overflow: auto; height: 85%;">
                    <ul class="projectList" style="height: 100%;">
                        <li>
                            <div class="left">
                                <img src="../static/img/smartsite/images/toc.png" th:src="@{/img/smartsite/images/toc.png}" alt="">
                            </div>
                            <div class="right"><span>海南清水湾B11-1、B11-2区2栋公寓</span></div>
                        </li>
                        <li>
                            <div class="left">
                                <img src="../static/img/smartsite/images/toc.png" th:src="@{/img/smartsite/images/toc.png}" alt="">
                            </div>
                            <div class="right"><span>海航YOHO湾(A1,A2,A3,A5,A6,地下室)</span></div>
                        </li>
                        <li>
                            <div class="left">
                                <img src="../static/img/smartsite/images/toc.png" th:src="@{/img/smartsite/images/toc.png}" alt="">
                            </div>
                            <div class="right"><span>雅居乐金沙湾健康教育新城项目A1401地块</span></div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="box box2" style="margin-top: 18px;">
                <p class="box-title">未安装实名制项目</p>
                <div style="overflow: auto; height: 85%;">
                    <ul class="projectList" style="height: 100%;">
                        <li>
                            <div class="left">
                                <img src="../static/img/smartsite/images/toc.png" th:src="@{/img/smartsite/images/toc.png}" alt="">
                            </div>
                            <div class="right"><span>海南清水湾B11-1、B11-2区2栋公寓</span></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-8 right">
            <div class="row">
                <div class="col-md-3" style="padding-left: 10px; padding-right: 10px;">
                    <div class="grid-content bg-purple">
                        <div>项目经理总数</div>
                        <div style="margin-top: 10px; color: rgb(254, 169, 61);"><span>0</span> <span>1</span>
                            <span>2</span></div>
                    </div>
                </div>
                <div class="col-md-3" style="padding-left: 10px; padding-right: 10px;">
                    <div class="grid-content bg-purple">
                        <div>总监总数</div>
                        <div style="margin-top: 10px; color: rgb(229, 246, 255);"><span>0</span> <span>0</span>
                            <span>6</span></div>
                    </div>
                </div>
                <div class="col-md-3" style="padding-left: 10px; padding-right: 10px;">
                    <div class="grid-content bg-purple">
                        <div>安全人员总数</div>
                        <div style="margin-top: 10px; color: rgb(173, 223, 113);"><span>0</span> <span>2</span>
                            <span>6</span></div>
                    </div>
                </div>
                <div class="col-md-3" style="padding-left: 10px; padding-right: 10px;">
                    <div class="grid-content bg-purple">
                        <div>劳务人员总数</div>
                        <div style="margin-top: 10px; color: rgb(0, 251, 255);"><span>1</span> <span>4</span>
                            <span>3</span></div>
                    </div>
                </div>

            </div>
            <div class="row" style="height: calc(100vh - 250px);">
                <div class="col-md-4" style="padding-left: 10px; padding-right: 10px; height: 100%;">
                    <div class="grid-content  real_card">
                        <div class="real_c_top">今日最新打卡</div>
                        <div class="real_c_img"><img src="" alt="">
                            <!-- <div>曾超</div> -->
                        </div>
                        <div class="real_c_buttom">
                            <div><span
                                    class="real_l">班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;组：</span><span>智慧工地技术</span>
                            </div>
                            <div><span
                                    class="real_l">工&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;种：</span><span>管理人员</span>
                            </div>
                            <div><span
                                    class="real_l">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态：</span><span>入场</span>
                            </div>
                            <div><span class="real_l">打卡时间：</span><span>2019-12-12 09:23:27</span></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-8"
                    style="padding-left: 10px; padding-right: 10px; margin-bottom: 20px; height: 100%;">
                    <div class="real_work row" style="margin-left: -10px; margin-right: -10px;height: 100%;">
                        <div class="grid-content bg-purplelabor">
                            <div style="font-size: 18px;">劳务工种分布</div>
                            <div style="height: 85%;overflow: auto;">
                                <ul>
                                    <li>
                                        <div title="砌筑工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            砌筑工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 17%">17
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="钢筋工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            钢筋工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 60%">60
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="架子工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            架子工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 21%">21
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="混凝土工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            混凝土工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 14%">14
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="模板工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            模板工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 9%">9
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="机械设备安装工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            机械设备安装工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 25%">25
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="其它"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            其它
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 6%">6
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="建筑电工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            建筑电工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 15%">15
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="建筑起重机械安装拆卸工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            建筑起重机械安装拆卸工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 11%">11
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="防水工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            防水工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 5%">5
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="木工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            木工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 30%">3
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="杂工"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            杂工
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 20%">2
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div title="管理人员"
                                            style="width: 30%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
                                            管理人员
                                        </div>
                                        <div style="width: 70%; position: relative;">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"
                                                    aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                    style="width: 10%">
                                                    <span class="sr-only">60% Complete (warning)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
    <script src="../static/js/smartsite/js/echarts@3.1.9.js" th:src="@{/js/smartsite/js/echarts@3.1.9.js}"></script>
    <script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=3.2.0}"></script>
</body>

</html>